#{extends 'include/base.html' /}
#{set title:'搜索' /}
<div class="slider">
    <div id='mySwipe' style='width:100%;margin:0 auto' class='swipe'>
        <div class='swipe-wrap'>
        #{if list}
            #{list items:list,as :'item'}
                <div><a href="${item.keyId}"><img src="${item.imageurl}" alt=""/></a></div>
            #{/list}
        #{/if}
        </div>
    </div>
</div>

<section id="main">
#{if webServiceBean.data.size==0}
    <h3 class="no_content">搜索不到符合的内容</h3>
#{/if}
    <ul class="main_ul">
    #{list items:webServiceBean.data, as:"item"}

        <li>
            <section class="main_ul_photo">
                <img src="${item.photoUrl}" alt=""/>
            </section>
            <section class="main_ul_section">
                <p class="main_ul_section_p">${item.title}</p>
                <span class="main_ul_section_span">BY ${item.authorName}</span>
                <div class="main_view">
                    <p><img src="../public/images/view.png" alt=""/>${item.click}</p><p><img src="../public/images/rep.png" alt=""/>${item.commentNum}</p>
                </div>
            </section>
        </li>
    #{/list}
    </ul>

    <div class="clear"></div>
#{page1 pageBean: pageBean, params : params/}

</section>

<script src="@{'/public/javascripts/swipe.js'}" type="text/javascript"></script>
<<script type="text/javascript">
    var elem = document.getElementById('mySwipe');
    window.mySwipe = Swipe(elem, {
        auto: 3000
    });

</script>
